import s from './index.module.scss';

const ChefClass = ({ data }) => {
  return (
    <div className={s.container}>
      {data &&
        data.map((item) => {
          return (
            <div key={item.id} className={s.chef}>
              <img className={s.chef_img} src={item.imgUrl} />
              {item.mark && <div className={s.mark}>{item.mark}</div>}
              <div className={s.title}>{item.title}</div>
              <div className={s.chef_name}>
                <div className={s.chef_text}>{item.name}</div>
              </div>
              <div className={s.join}>{item.join}</div>
            </div>
          );
        })}
    </div>
  );
};

export default ChefClass;
